<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>第八十八节课（快速定义jQuery工具函数）</title>
    <link rel="stylesheet" href="../css/common.css">
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script>
        /*
         jQuery.minValue=function(a,b){
            return a<b?a:b;
         };
         jQuery.maxValue=function(a,b){
            return a<b?b:a;
         };
         //下一步进行封装
         */

        jQuery.MyExtend = {
            minValue: function (a, b) {
                return a < b ? a : b;
            },
            maxValue: function (a, b) {
                return a < b ? b : a;
            }
        };

        $(function () {
            /*jQuery.foo=function(){
             alert("我是全局函数");
             }
             jQuery.bar=function(param){
             alert(param+"是全局函数");
             }*/
            /*jQuery.extend({
             foo:function(){
             alert("我是全局函数");
             },
             bar:function(param){
             alert(param+"是全局函数");
             }
             });*/

            /*jQuery.myPlugin={
             foo:function(){
             alert("我存在于一个独立的命名空间中");
             },
             bar:function(param){
             alert(param+"存在于一个独立的命名空间中");
             }
             };*/


            $("#aa").click(function () {
                alert(10);
                alert(30);
                /*$.myPlugin.foo();
                 $.myPlugin.bar("蜡笔小新");*/
                jQuery.MyExtend.minValue(10, 30);
                jQuery.MyExtend.maxValue(10, 30);
            });
        })
    </script>
</head>
<body>
<h1>
    <div id="aa">
        我来触发函数
    </div>
</h1>
</body>
</html>
